@CHARSET "UTF-8";

#nav li {
    float: left;
    position: relative;
}
#nav li a {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
}
#nav li.over a {
    padding: 0 11px;
}

#nav li ul li.parent {
	background-image:url("../images/nav2_parent_arrow.gif");
	background-position:100% 100%; 
	background-repeat:no-repeat;
}

#nav li ul {
    padding: 5px;
    width: 185px;
    box-shadow:1px 2px 3px #666;
}

#nav li ul li {
    float: none;
}

#nav li ul li.over {
    border-left: 0 none;
    border-right: 0 none;
    margin: 0;
}
#nav li ul li ul {
    left: 185px;
    top: 0;
}
#nav .ui-icon-carat-1-s {
    float: right;
    margin: 8px 0 0;
}

#nav li a {
    border-left: 1px solid #F7F7F7;
    border-right: 1px solid #D0D0D0;
    color: #333;
}
#nav li ul li a {
	font-weight: normal;
}
#nav li.over {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
}
#nav li ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B2B2B2;
}
#nav li ul li {
    background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1px dotted #CCCCCC;
}
#nav li ul li a {
}
#nav li ul li a:hover {
    background: none repeat scroll 0 0 #e1e7ee;
    color:#000;
}
#nav li ul li.over {
    background: none repeat scroll 0 0 #E0E0E0;
}


/************** ALL LEVELS  *************/
#nav li { position:relative;}
#nav li.over { z-index:99; }
#nav li.active { z-index:100; }
#nav a,
#nav a:hover { display:block;}
#nav span { display:block; }

/************ 2ND LEVEL ************/
#nav ul { 
	position:absolute; 
	top:27px; 
	left:-10000px;
}
#nav ul ul  { 
	left:100px; 
	top:13px;
}

/* Show menu */
#nav li.over ul { left:-1px; }
#nav li.over ul ul { left:-10000px; }
#nav li.over ul li.over ul { left:100px; }

/************ 3RD+ LEVEL ************/
/* Cursors */
#nav li.parent a,
#nav li.parent li.parent a,
#nav li.parent li.parent li.parent a { cursor:default; }

#nav li.parent li a,
#nav li.parent li.parent li a,
#nav li.parent li.parent li.parent li a { cursor:pointer; }

/* Show menu */
#nav ul ul ul,
#nav li.over ul li.over ul ul { left:-10000px;}
#nav li.over ul li.over ul li.over ul { left:100px; }

#nav-bar:after, #nav-container:after { 
	display:block; 
	clear:both; 
	overflow:hidden;
}
